Topology 視覺化

今仔日總算有無仝閣趣味的內容矣

想欲分享的就是踮「遊覽器（browser）」欲按怎畫圖

主要是結合 A.I. 佮家己走揣的內容

其中 vis 予我感覺足有互動性，體驗確實誠趣味， Cytoscape 是較老牌的家私，毋過咧加描述像誠方便， Sigma 就真正較無遐好看，毋過效能無話講。

我其實本底干焦拍算欲用 D3 毋過 A.I. 真正提供足濟無想過的家私予我！

我咧想，家己應該會以 Sigma 為主，因為伊的 demo 非常清楚

What I’d advise

• Cytoscape.js if you want a solid, long-term core with lots of built-in layouts, good docs, and active releases. It’s historically SVG/canvas, and now has WebGL rendering in v3.31+ to boost large graphs, plus first-party TypeScript—nice for SPA apps. (blog.js.cytoscape.org)

• Sigma.js if your priority is speed with big graphs and smooth interactions (WebGL by default). It pairs with graphology for data/algorithms and is great when you expect thousands of nodes/edges and need fluid zooming. (sigmajs.org)

• vis-network (vis.js) if you want the quickest path to a working, physics-based network view that’s easy to configure and OK up to a few thousand elements; good community docs, dual MIT/Apache license. (visjs.github.io)

• AntV G6 if you want a graph-editor feel with rich presets and styling (popular in Asia). It’s flexible and has many graph scenarios covered out of the box. (g6.antv.antgroup.com)

Who’s most used (in practice)

• Cytoscape.js has long, steady adoption across science and apps and is actively maintained (frequent 2025 releases + WebGL preview). If you want “safe and proven,” this is it. (blog.js.cytoscape.org)

• Sigma.js is a go-to when teams specifically need WebGL performance for large networks. Stars + ecosystem (graphology) reflect that niche. (GitHub)

• vis-network remains popular because it’s simple to get results and handles a few thousand elements with clustering; the docs are friendly. (GitHub)

• G6 is widely used in enterprise dashboards (especially China-based products) when people want editor-like interactions and polished visuals. (g6.antv.antgroup.com)

Quick selector (based on your likely needs)

• Hundreds → low thousands of nodes, want rich layouts + steady ecosystem: Cytoscape.js. (blog.js.cytoscape.org)

• Thousands+ nodes and you care most about rendering performance: Sigma.js. (sigmajs.org)

• You want to stand up something fast with physics and decent defaults: vis-network. (visjs.github.io)

• You want an editor/workbench UX (drag to connect, rich node cards) out of the box: G6. (g6.antv.antgroup.com)